<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
 
  <ui:composition template="/pages/templates/commonLayoutAdm.xhtml">

	
	<ui:define name="content">

	<h:form id="formVisualizarClinicas" >
		
		<center>
		
			<p:panel id="panelVisualizarClinicas" style="width:70%;align:center;valign:middle;">
				<h:panelGrid columns="2"  cellpadding="5" >
				
 
				<p:outputLabel value="Clinicas:" ></p:outputLabel>
				<p:selectOneMenu id="select" value="#{beanVisualizarClinicas.codigoClinica}">
    				<p:ajax event="change" update="panelVisualizarClinicas" listener="#{beanVisualizarClinicas.carregarDadosClinicas()}" />
    				<f:selectItem itemLabel="Selecione" itemValue="" noSelectionOption="false" />
    				 <f:selectItems  value="#{beanVisualizarClinicas.clinicas}" var="clinica" itemLabel="#{clinica.nome}"  itemValue="#{clinica.codigo}" ></f:selectItems>
				</p:selectOneMenu>
				</h:panelGrid>
				<h:panelGrid columns="2" cellpadding ="5" style="width:60%;align:center;valign:middle;">
				
				<p:outputLabel value="Nome do responsável:" ></p:outputLabel>
				<p:inputText id="nomeresp" size="50" value="#{beanVisualizarClinicas.nomeResponsavel}"></p:inputText>

				
				<p:outputLabel value="CPF do responsável:" ></p:outputLabel>
				<p:inputMask id="cpf" size="12" mask="999.999.999-99" value="#{beanVisualizarClinicas.cpfResponsavel}"></p:inputMask>

				
				<p:outputLabel value="Nome da clínica:" ></p:outputLabel>
				<p:inputText id="clinica" size="50" value="#{beanVisualizarClinicas.nomeClinica}"></p:inputText>

				
				<p:outputLabel value="CNPJ da clínica:"></p:outputLabel>
				<p:inputMask id="cnpj" size="16" mask="99.999.999/9999-99" value="#{beanVisualizarClinicas.cnpjClinica}"></p:inputMask>


				
				<p:outputLabel value="Endereço:" ></p:outputLabel>
				<p:inputText id="endereco" size="50" value="#{beanVisualizarClinicas.endereco}"></p:inputText>

				
				<p:outputLabel value="Número:" ></p:outputLabel>
				<p:inputText id="numero" size="5" value="#{beanVisualizarClinicas.numero}"></p:inputText>

				
				<p:outputLabel value="Complemento:" ></p:outputLabel>
				<p:inputText id="complemento" size="20" value="#{beanVisualizarClinicas.complemento}"></p:inputText>

				
				<p:outputLabel value="Bairro:" ></p:outputLabel>
				<p:inputText id="bairro" size="20" value="#{beanVisualizarClinicas.bairro}"></p:inputText>

				
				<p:outputLabel value="Cidade:" ></p:outputLabel>
				<p:inputText id="cidade" size="20" value="#{beanVisualizarClinicas.cidade}"></p:inputText>

				
				<p:outputLabel value="Estado:" ></p:outputLabel>
				<p:selectOneMenu value="#{beanVisualizarClinicas.selectedEstado}">
    				<f:selectItems value="#{beanVisualizarClinicas.estados}" />
				</p:selectOneMenu>
				
				
				<p:outputLabel value="Telefone 1:" ></p:outputLabel>
        		<p:inputMask id="telefone1" size="12" value="#{beanVisualizarClinicas.telefone1}" mask="(99) 9999-9999?9"></p:inputMask>

				
				<p:outputLabel value="Telefone 2:" /> 
        		<p:inputMask id="telefone2" size="12" value="#{beanVisualizarClinicas.telefone2}" mask="(99) 9999-9999?9" ></p:inputMask>

				
        		<p:outputLabel value="Telefone 3:" />
        		<p:inputMask id="telefone3" size="12" value="#{beanVisualizarClinicas.telefone3}" mask="(99) 9999-9999?9"></p:inputMask>

				
				<p:outputLabel value="Login:" ></p:outputLabel>
				<p:inputText id="login" size="20" required="#{beanVisualizarClinicas.opcaoValida}" value="#{beanVisualizarClinicas.login}"></p:inputText>

				
				<p:outputLabel value="Senha:" ></p:outputLabel>
				<p:password id="senha" size="12" required="#{beanVisualizarClinicas.opcaoValida}" value="#{beanVisualizarClinicas.senha}" redisplay="true" ></p:password>

							
				
			</h:panelGrid>		
			
			<p:commandButton value="Salvar" action="#{beanVisualizarClinicas.salvarClinica()}" update="panelVisualizarClinicas">
			  </p:commandButton>
								
				<p:commandButton value="Remover" action="#{beanVisualizarClinicas.removerClinica()}" update="panelVisualizarClinicas">
				</p:commandButton>
			
			</p:panel>
		</center>
	
	</h:form>
</ui:define>

</ui:composition>

</html>